<template>
  <div class="bg">
    <div class="warp clearfix box-bg">
      <NavIcon></NavIcon>
      <NavOptions></NavOptions>
      <NavRegister></NavRegister>
      <NavFramer></NavFramer>
      <NavInput></NavInput>
    </div>
    <div class="sub-nav"></div>
  </div>
  <!--  分割线 -->
</template>

<script>
//  logo导航
import NavIcon from "@/components/homePageHead/NavIcon/index.vue";
//  导航栏选项
import NavOptions from "@/components/homePageHead/NavOptions/index.vue";
//  搜索输入框
import NavInput from "@/components/homePageHead/NavInput/index.vue";
//  创作者中心
import NavFramer from "@/components/homePageHead/NavFramer/index.vue";
//  登录
import NavRegister from "@/components/homePageHead/NavRegister/index.vue";

export default {
  name: "BaseNavHead",
  components: { NavIcon, NavOptions, NavInput, NavFramer, NavRegister },
};
</script>

<style scoped lang="less">
.bg {
  position: relative;
  height: 70px;
  background-color: #242424;
}
.box-bg {
  background-color: #242424;
}
.sub-nav {
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 5px;
  background-color: #c20c0c;
  z-index: -1;
}
</style>
